모던 자바스크립트 모던 자바스크립트 Day 14 & 15 & 16 함수는 값이며, 특정 함수를 구별하기 위해 식별자인 함수 이름을 사용할 수 있다. 함수는 객체처럼 메모리 저장될 때 함수 객체를 저장한 메모리 주소를 식별자에 저장한다(참조 값에 의한 전달). 함수 선언문 Function Declarations 1) 함수 선언문은 함수 이름을 생략할 수 없다. 따라서 함수 이름을 생략할 수 있다. 이렇게 변수명만 있고 함수명은 생략된 함수를 "익명 함수", ... 북클럽모던 자바스크립트모던 자바스크립트 모던 자바스크립트 Day 12 & 13 객체란, 프로퍼티(키-값)로 구성된 집합이다. 객체 생성: 생성 방법에는 여러가지가 있지만, 객체 리터럴({})로 생성하는 것이 가장 일반적이다. 객체 지향 언어: 언어의 구성이 이처럼 대부분 객체들로 이루어진 언어를 "객체 지향 언어" 라고 한다. 객체 생성법에 따라 "클래스 기반 객체지향 언어"와 "프로토타입 기반 객체지향 언어"로 나뉜다. "프로토타입 기반 객체지향 언어" vs. "클래... 북클럽모던 자바스크립트객체객체 이제는 모던 자바스크립트를 알아야지 - 템플릿 리터럴 문자열 조합 성능, 상황에 따라 사용되는 코드는 다르겠지만, 복잡한 조합을 하는 경우에는 한눈에 알아보기 쉽지 않을 수도 있다. 이번에는 문자열을 조합하는 방법 중 모던 자바 스크립트(ES6+)에서 사용되는 템플릿 리터럴에 대해 알아보려고 한다. 혼자서 개발하는 경우에는 내가 이 부분에서 어떠한 문자열을 합치는 건지 명확히 알 수 있지만, 협업의 관점에서는 한눈에 알아 볼 수 없는 코드는 좋지 않을 것이... 문자열 조합JavaScript모던 자바스크립트자바스크립트템플릿 리터럴JavaScript 이제는 모던 자바스크립트를 알아야지 - 정의, let, const 이는 모던 자바 스크립트 인지 아닌지를 구분 할 수 있는 척도가 된다. 그래서 모던 자바 스크립트는 뭔데 모던 자바 스크립트는 모든 모던 브라우저에서 지원하는 자바 스크립트 코드 라고 정의할 수 있다. 앞서 말한 정의를 토대로 '모던 자바 스크립트' 의 정의는 시대마다 달라진다. 작성일 기준으로 모던 자바 스크립트의 기준은 이렇게 정의할 수 있을 것이다. 모던 자바 스크립트는 ES6(ECMA... constJavaScriptletES6ECMA모던 자바스크립트ECMA 모던 자바스크립트 Day 4 & 5 keywords: 메모리, 메모리 셀, 메모리 주소, 변수, 할당, 참조, 식별자, 변수 선언 4.1 변수(Variables) 변수(Variable) 는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다. 4.3 변수 선언(Variables Declaration) 좀... 북클럽모던 자바스크립트모던 자바스크립트 모던 자바스크립트 Deep Dive[데이터 타입] 6장 데이터 타입 정리 var, let 선언(declaration)과 정의(definition) 💡 ECMAScript 사양에서 변수는 '선언한다'라고 표현하고, 함수는 '정의한다'라고 표현한다. Symbol 데이터 타입이 필요한 이유 동적 타입(Dynamic type) 언어와 변수 이러한 이유들로 인해서 변수를 사용하기 이전에 데이터 타입을 체크해야 하는 경우가 있는데 이는 매우 번거롭고,... 모던 자바스크립트deep dive데이터 타입jsJavaScriptJavaScript 모던 자바스크립트 Deep Dive (2) 표현식과 문 1. 값 값(value)은 식(표현식, expression)이 평가(evaluate)되어 생성된 결과를 말한다. 2. 리터럴 리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기 방식(notation)을 말한다. 리터럴은 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 미리 약속된 기호로 표기한 코드다. 3. 표현식 표현식(... JavaScript표현식과 문Modern JavaScript자바스크립트모던 자바스크립트JavaScript 2-6: alert, prompt, confirm을 이용한 상호작용 머리말 오타 및 잘못된 부분이 있을 수 있습니다. 이점 참고해주시면 감사하겠습니다. alert 앞선 예제에서 사용해봤습니다. 메시지가 있는 작은 창은 모달 창이라고 부릅니다. 브라우저에서 제공하는 prompt 함수는 두 개의 값을 받습니다. 함수가 실행되면 메시지와 입력 필드, 확인 및 취소 버튼이 있는 모달 창을 띄워줍니다. confirm 함수는 매개변수로 받은 질문과 확인 및 취소 버튼이... 모던 자바스크립트모던 자바스크립트 모던 JavaScript 튜토리얼 - switch문 변수 x의 값과 첫 번째 case문의 값 'value1'을 일치 비교한 후, 두 번째 case문의 값 'value2'와 비교 한다. case문에서 변수 x의 값과 일치하는 값을 찾으면 해당 case문의 아래의 코드가 실행된다. 값과 일치하는 case문이 없다면, default문 아래의 코드가 실행된다(default문이 있는 경우). switch문은 a의 값인 4와 첫 번째 case문의 값인 ... switch자바스크립트모던 자바스크립트JavaScriptJavaScript 생성자 함수와 프로토타입의 constructor 프로퍼티 P.271 P.272 상속... JavaScript이웅모모던 자바스크립트JavaScript 2-7: 형 변환 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환됩니다. 이런 과정을 "형 변환"이라고 합니다. 변수 value에는 true가 들어가 있고 문자열로 변화시키려고 String() 안에 변수를 넣어서 문자열로 바뀌면서 문자열 "true"가 저장됩니다. 변수 str에는 문자형 "100"가 들어가 있고 문자열로 변화시키려고 Number() 안에 변수를 넣어서 문자열로 바뀌면서 숫자 ... 모던 자바스크립트모던 자바스크립트 2-1: 코드 구조 머리말 오타 및 잘못된 부분이 있을 수 있습니다. 이점 참고해주시면 감사하겠습니다. 문(statement)은 어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 의미합니다. 2-1 에서 메시지를 보여줬던 alert('안녕? 자바스크립트야!') 라는 코드를 작성한 바 있습니다. 이때, 코드가 끝나는 곳에 ; 세미콜론으로 구분합니다. 시간이 지나면 이 코드... 모던 자바스크립트모던 자바스크립트
모던 자바스크립트 Day 14 & 15 & 16 함수는 값이며, 특정 함수를 구별하기 위해 식별자인 함수 이름을 사용할 수 있다. 함수는 객체처럼 메모리 저장될 때 함수 객체를 저장한 메모리 주소를 식별자에 저장한다(참조 값에 의한 전달). 함수 선언문 Function Declarations 1) 함수 선언문은 함수 이름을 생략할 수 없다. 따라서 함수 이름을 생략할 수 있다. 이렇게 변수명만 있고 함수명은 생략된 함수를 "익명 함수", ... 북클럽모던 자바스크립트모던 자바스크립트 모던 자바스크립트 Day 12 & 13 객체란, 프로퍼티(키-값)로 구성된 집합이다. 객체 생성: 생성 방법에는 여러가지가 있지만, 객체 리터럴({})로 생성하는 것이 가장 일반적이다. 객체 지향 언어: 언어의 구성이 이처럼 대부분 객체들로 이루어진 언어를 "객체 지향 언어" 라고 한다. 객체 생성법에 따라 "클래스 기반 객체지향 언어"와 "프로토타입 기반 객체지향 언어"로 나뉜다. "프로토타입 기반 객체지향 언어" vs. "클래... 북클럽모던 자바스크립트객체객체 이제는 모던 자바스크립트를 알아야지 - 템플릿 리터럴 문자열 조합 성능, 상황에 따라 사용되는 코드는 다르겠지만, 복잡한 조합을 하는 경우에는 한눈에 알아보기 쉽지 않을 수도 있다. 이번에는 문자열을 조합하는 방법 중 모던 자바 스크립트(ES6+)에서 사용되는 템플릿 리터럴에 대해 알아보려고 한다. 혼자서 개발하는 경우에는 내가 이 부분에서 어떠한 문자열을 합치는 건지 명확히 알 수 있지만, 협업의 관점에서는 한눈에 알아 볼 수 없는 코드는 좋지 않을 것이... 문자열 조합JavaScript모던 자바스크립트자바스크립트템플릿 리터럴JavaScript 이제는 모던 자바스크립트를 알아야지 - 정의, let, const 이는 모던 자바 스크립트 인지 아닌지를 구분 할 수 있는 척도가 된다. 그래서 모던 자바 스크립트는 뭔데 모던 자바 스크립트는 모든 모던 브라우저에서 지원하는 자바 스크립트 코드 라고 정의할 수 있다. 앞서 말한 정의를 토대로 '모던 자바 스크립트' 의 정의는 시대마다 달라진다. 작성일 기준으로 모던 자바 스크립트의 기준은 이렇게 정의할 수 있을 것이다. 모던 자바 스크립트는 ES6(ECMA... constJavaScriptletES6ECMA모던 자바스크립트ECMA 모던 자바스크립트 Day 4 & 5 keywords: 메모리, 메모리 셀, 메모리 주소, 변수, 할당, 참조, 식별자, 변수 선언 4.1 변수(Variables) 변수(Variable) 는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다. 4.3 변수 선언(Variables Declaration) 좀... 북클럽모던 자바스크립트모던 자바스크립트 모던 자바스크립트 Deep Dive[데이터 타입] 6장 데이터 타입 정리 var, let 선언(declaration)과 정의(definition) 💡 ECMAScript 사양에서 변수는 '선언한다'라고 표현하고, 함수는 '정의한다'라고 표현한다. Symbol 데이터 타입이 필요한 이유 동적 타입(Dynamic type) 언어와 변수 이러한 이유들로 인해서 변수를 사용하기 이전에 데이터 타입을 체크해야 하는 경우가 있는데 이는 매우 번거롭고,... 모던 자바스크립트deep dive데이터 타입jsJavaScriptJavaScript 모던 자바스크립트 Deep Dive (2) 표현식과 문 1. 값 값(value)은 식(표현식, expression)이 평가(evaluate)되어 생성된 결과를 말한다. 2. 리터럴 리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기 방식(notation)을 말한다. 리터럴은 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 미리 약속된 기호로 표기한 코드다. 3. 표현식 표현식(... JavaScript표현식과 문Modern JavaScript자바스크립트모던 자바스크립트JavaScript 2-6: alert, prompt, confirm을 이용한 상호작용 머리말 오타 및 잘못된 부분이 있을 수 있습니다. 이점 참고해주시면 감사하겠습니다. alert 앞선 예제에서 사용해봤습니다. 메시지가 있는 작은 창은 모달 창이라고 부릅니다. 브라우저에서 제공하는 prompt 함수는 두 개의 값을 받습니다. 함수가 실행되면 메시지와 입력 필드, 확인 및 취소 버튼이 있는 모달 창을 띄워줍니다. confirm 함수는 매개변수로 받은 질문과 확인 및 취소 버튼이... 모던 자바스크립트모던 자바스크립트 모던 JavaScript 튜토리얼 - switch문 변수 x의 값과 첫 번째 case문의 값 'value1'을 일치 비교한 후, 두 번째 case문의 값 'value2'와 비교 한다. case문에서 변수 x의 값과 일치하는 값을 찾으면 해당 case문의 아래의 코드가 실행된다. 값과 일치하는 case문이 없다면, default문 아래의 코드가 실행된다(default문이 있는 경우). switch문은 a의 값인 4와 첫 번째 case문의 값인 ... switch자바스크립트모던 자바스크립트JavaScriptJavaScript 생성자 함수와 프로토타입의 constructor 프로퍼티 P.271 P.272 상속... JavaScript이웅모모던 자바스크립트JavaScript 2-7: 형 변환 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환됩니다. 이런 과정을 "형 변환"이라고 합니다. 변수 value에는 true가 들어가 있고 문자열로 변화시키려고 String() 안에 변수를 넣어서 문자열로 바뀌면서 문자열 "true"가 저장됩니다. 변수 str에는 문자형 "100"가 들어가 있고 문자열로 변화시키려고 Number() 안에 변수를 넣어서 문자열로 바뀌면서 숫자 ... 모던 자바스크립트모던 자바스크립트 2-1: 코드 구조 머리말 오타 및 잘못된 부분이 있을 수 있습니다. 이점 참고해주시면 감사하겠습니다. 문(statement)은 어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 의미합니다. 2-1 에서 메시지를 보여줬던 alert('안녕? 자바스크립트야!') 라는 코드를 작성한 바 있습니다. 이때, 코드가 끝나는 곳에 ; 세미콜론으로 구분합니다. 시간이 지나면 이 코드... 모던 자바스크립트모던 자바스크립트